/**
 * 设置鼠标移动监听
 */
//var canMove = false;
//var oriX, oriY, disX, disY;
//var tL = target[0].getBoundingClientRect().left;
//var tR = target[0].getBoundingClientRect().right;
//var tT = target[0].getBoundingClientRect().top;
//var disX = 0;  
//var disY = 0; 
//function setTouchMove() {
//	var Touch;
//	var master = $('#master');
//	$('body').on("touchmove", function(e) {
//		// 阻止默认事件(防止微信打开是拉动时露底)
//		e.preventDefault();
//
//		// 获取触摸对象(鼠标)0代表第一个触摸的手指
//		// 因为手机支持多点触摸
//		Touch = e.originalEvent.touches[0];
//
//		//设置蓝色DIV跟随鼠标
//		master.css("transform", "translateX(" + (Touch.clientX - master.width() / 2) + "px) translateY(" + (Touch.clientY - master.height() / 2) + "px)");
//		
////      console.log(Touch)
//	})
//}
//setTouchMove();

/**
 *  生产一个随机数
 */
function getRand(min, max) {
	return Math.floor(Math.random() * (max - min + 1) + min);
}

var pageW = parseInt($('body').css("width"));
var pageH = parseInt($('body').css("height"));

/**
 *  添加病毒物体
 */
function virus(title, width, height, speed) {
	//从上面掉到下面所需的时间 单位为秒
	this._speed = speed;

	//初始随机横向位置 和 顶部位置
	this.x = getRand(0, pageW - width);
	this.y = -height;

	//创建一个DOM DIV结构
	this._DomObj = $('<div class="virus">');
	$('body').append(this._DomObj);

	// 设置提示文本
	//	this._DomObj.text(title);

	// 设置宽度 高度
	this._DomObj.css({
		"width": width,
		"height": height
	});

	//设置过渡动画开始位置
	this._DomObj.css("transform", "translateX(" + this.x + "px) translateY(" + this.y + "px)")
	getComputedStyle((this._DomObj)[0]).transform; //刷新数据

	// 过渡动画结束事件(掉到底部时结束动画并删除自己)
	this._DomObj.on("transitionend", function() {
		this._DomObj.remove();
	}.bind(this));

	// 设置过渡动画
	this._DomObj.css("transition", "transform " + speed + "s linear");

	// 设置过渡动画最终位置(底部)
	this._DomObj.css("transform", "translateX(" + this.x + "px) translateY(" + (height + pageH) + "px)");
}

/*
 *  递归+定时器 自动随机添加
 */
function addVirus() {
	// 随机宽度跟高度大小
	var temp = getRand(50, 90);

	// 添加病毒 参1:提示文本,参2:随机宽高, 参3:随机移动速度
	virus(getRand(1, 10), temp, temp, getRand(3, 6));
		
	// 启动定时器 随机时间添加病毒

}
//setInterval(function() {
//	addVirus();
//	bingdu();
//}, getRand(8, 15) * 100);
function bingdu(){
		var bullet = $(".master");
		var target = $(".virus");
		var canMove = false;
		var oriX, oriY, disX, disY;
		var tL = target[0].getBoundingClientRect().left;
		var tR = target[0].getBoundingClientRect().right;
		var tT = target[0].getBoundingClientRect().top;
		

		//		target.on("click", function() {
		//			console.log(target[0].getBoundingClientRect().top);
		//		})
		var tB = target[0].getBoundingClientRect().bottom;
		var Touch;
		$('body').on("touchmove", function(e) {
//			阻止默认事件(防止微信打开是拉动时露底)
//			e.preventDefault();
			// 获取触摸对象(鼠标)0代表第一个触摸的手指
			// 因为手机支持多点触摸
			Touch = e.originalEvent.touches[0];
			var TouchX = Touch.clientX - bullet.width()/2;
			var TouchY = Touch.clientY - bullet.width()/2;
			//设置蓝色DIV跟随鼠标
			bullet.css("transform", "translateX(" + (TouchX) + "px) translateY(" + (TouchY) + "px)");
			canMove = true;
			oriX = Touch.clientX;
			oriY = Touch.clientY;
//			disX = oriX - parseInt(bullet.css("left"));
//			disY = oriY - parseInt(bullet.css("top"));
			disX = e.offsetX;
			disY = e.offsetY;
//			console.log(TouchX)
		})
		var i = 0;
		
		$('body').on("touchmove", function(e) {
			if(canMove) {
//				alert("11111")
				//e.clientX是相对于浏览器的
				bullet.css("left", e.clientX - disX);
				bullet.css("top", e.clientY - disY);
				var bL = bullet[0].getBoundingClientRect().left;
				var bR = bullet[0].getBoundingClientRect().right;
				var bT = bullet[0].getBoundingClientRect().top;
				var bB = bullet[0].getBoundingClientRect().bottom;	
				if(bR > tL && bL < tR && bT < tB && bB > tT) {
					console.log("相撞了" + i++)
//					$('this._DomObj').remove();
					
					console.log(tR)
					bullet.css("box-shadow","rgba(96,200,214,1)");
				}
			}
//			console.log(bullet[0].getBoundingClientRect().top)
		})
		$('body').on("touchmove", function() {
			canMove = false;
			
		})
}

var pages = $(".page");
		var time2;

		function donghua() {
			time2 = setInterval(function() {
				pages.css("display", "none")
				pages.eq(1).css("display", "block");
			}, 100)
		}

		var s = 1;
		//function daoshu() {
		var time3 = setInterval(function() {
			s--;
//			second.html(s + "s");
			if(s == 0) {
				//			clearInterval(deviceMotionHandler());
				clearInterval(time3);
				donghua();
//				addVirus();
				//			rest();
			}
		}, 1000)
//addVirus(); //运行



